<template>
    <div id="contain">
        <div>
            <el-menu
                default-active="0"
                class="el-menu-demo"
                mode="horizontal"
                @select="handleSelect"
                style="width: 950px"
            >
                <el-menu-item index="0">未完成</el-menu-item>
                <el-menu-item index="1">已完成</el-menu-item>
            </el-menu>
        </div>
        <order-hotel-list :index="activeIndex"></order-hotel-list>
    </div>
</template>

<script>
import orderHotelList from '@/views/Business/orderHotelList.vue';
export default {
    name: 'Orderhotel',
    components: {
        orderHotelList,
    },
    data() {
        return {
            activeIndex: '0',
        };
    },
    methods: {
        handleSelect(key) {
            this.activeIndex = key;
        },
    },
};
</script>
<style  scoped>
</style>>